import React, { Component } from 'react'
import './style.css'
class Header extends Component {
  render() {
    // props.children 可以拿到父组件传来的 React元素
    // 类型： 传一个时 是对象；  多个时是 数组
    console.log(this.props.children);
    return (
      <div className='header'>
        <div className="left">
          {/* <h2>haha</h2> */}
          {this.props.children[0]}
        </div>
        <div className="center">
          {/* <input type="text" /> */}
          {this.props.children[1]}
        </div>
        <div className="right">
          {/* <button>搜索</button> */}
          {this.props.children[2]}
        </div>
      </div>
    )
  }
}

export default Header